﻿<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <link href="common/css/reset.css" rel="stylesheet" type="text/css">
    <link href="common/css/default.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="common/js/jquery-1.5.2.min.js"></script>
    <script type="text/javascript" src="common/js/scripts.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<!--[if lte IE 6]><![endif]-->
<!--[if IE 5]><![endif]-->
<!--[if IE 6]><![endif]-->
<!--[if IE 7]><link href="common/css/ie7.css" rel="stylesheet" type="text/css"><![endif]-->
<body>

<style>

.block {
    width: 8%;
    margin-left: 90%;
    position:relative;

}
.block_logo {
    width:200%;
    margin-left:-1100%;
    float: left;
    position:relative;


}
.block_stripe {
    width:800%;
    margin-left:-900%;
    background: #ff0;
    position:relative;
    float: left;
}
.block_user {
    width:200%;
    margin-left:-100%;
    background: #8f0;
    position:relative;
    float: left;
}
.block_user2 {
    width:200%;
    margin-left:-100%;
    background: #869;
    position:relative;
    float: left;
}
    .bl_0 {
        width: 100%;
        margin: 0 auto;
    }
    .bl_1   {
        float:left;
        width: 10%;
        border: 1px solid red;
    }
    .bl_2   {
        float:left;
        width: 70%;
        border: 1px solid red;
    }
    .blk {
        position: relative;
        border-bottom:1px solid red;
        float:left;
    }



    .m_0 {
        width: 8%;
        left: 50%;
    }
    .m_1 {
        width: 16%;
        left: 2%;
    }
    .m_2 {
        width: 72%; 
        left: 18%;
        top:12px;
    }
</style>



<div class="bl_0">
    <div class="blk m_0">
        0
    </div>
    <div class="blk m_1">
       1
    </div>
    <div class="blk m_2">
        2
    </div>
    
 <div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>






<div class="brd bigb head">
    <div class="brd2 block">
        <div class="brd2 block_logo">
            logo
        </div>
        <div class="brd2 block_stripe">
            тестовое задание
        </div>
        <div class="brd2  block_user">
            u1
        </div>
        <div class="brd2 block_user2">
            u2
        </div>
    </div>
</div>
<div class="brd bigb options">
    <div class="brd2 block">

        1
    </div>
</div>
<div class="brd bigb comments">
    <div class="brd2 block ">
3

    </div>
</div>
<div class="brd bigb post"></div>

</body>
</html>